.main-box1 {
  height: 260px;
  // background-color: yellowgreen;
  margin-bottom: 20px;
  > .wrapper {
    height: 100%;
    > .main-box1-left {
      width: 200px;
      cursor: pointer;
      text-align: center;
      box-sizing: border-box;
      background: url(../../img/main-box1/10475.png) center;
      background-size: cover;
      height: 100%;
      float: left;
      padding: 50px 20px 10px;
      > h3 {
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        color: #fff;
      }
      > p {
        padding-top: 80px;
        color: #fff;
        > span {
          font-weight: 700;
        }
      }
      > div {
        // padding-top: 20px;
        width: 100%;
        line-height: 50px;
        // background-color: pink;
        > p {
          display: flex;
          justify-content: center;
          align-items: center;
          > span {
            margin: 0 5px;
            display: block;
            text-align: center;
            line-height: 30px;
            height: 30px;
            width: 30px;
            background-color: #333;
            color: #fff;
          }
        }
      }
    }
    > .main-box1-right {
      width: 200px;
      background-color: rgb(255, 245, 245);
      height: 100%;
      float: right;
      >.swiper{
        >.swiper-wrapper{
          >.swiper-slide{
            display: flex;
            flex-direction: column;
            >img{
              width: 120px;
              height: 120px;
              padding-bottom: 10px;
              
            }
            >p{
              
              font-size: 14px;
            }
            >p:nth-of-type(2){
              font-weight: 700;
            }
            >p:nth-last-of-type(1){
              margin-top: 10px;
              width: 76px;
              height: 22px;
              border-radius: 10px;
              border: 1px solid red;
              color: red;
            }
          }
        }
      }
    }
    > .main-box1-center {
      background-color: #fff;
      height: 100%;
      overflow: hidden;
      border-right: 1px solid #f0f0f0;
      >.swiper{
        >.swiper-wrapper{
         >#banner-main{
          display: flex;
          justify-content: space-between;
          padding-top: 20px;
          >div{
            display: flex;
            flex-direction: column;
            align-items: center;
            height: 100%;
           
            width: 22%;
            font-size: 12px;
            >img{
              background-color: red;
              width: 120px;
              height: 120px;
             
            }
            >p{
              width: 100%;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              margin:  20px 0px;
            }
            >span{
              color: red;
              font-size: 14px;
            }
          }
         } 
        }
      }
    }
  }
}
